<template>
  <umi-container padding="16px 16px 100px">
    <umi-container :gap="16">
      <umi-text bold>报名信息</umi-text>
      <umi-form>
        <umi-form-item label="姓名">
          <umi-input></umi-input>
        </umi-form-item>
        <umi-form-item label="联系电话">
          <umi-input></umi-input>
        </umi-form-item>
        <umi-form-item label="性别">
          <umi-input></umi-input>
        </umi-form-item>
      </umi-form>
    </umi-container>
    <umi-divider></umi-divider>
    <umi-container :gap="16">
      <umi-text bold>选择课程</umi-text>
      <umi-card v-for="_ in 5">
        <umi-media>
          <umi-container height="100%" justify="between">
            <umi-space direction="vertical" :size="12">
              <umi-text bold>中国舞成人(16岁+)</umi-text>
              <umi-text color="gray">机构名称：草莓舞蹈园</umi-text>
            </umi-space>
            <umi-container direction="horizonal" justify="between">
              <umi-currency color="#ff0000">100.00</umi-currency>
              <umi-text>x1</umi-text>
            </umi-container>
          </umi-container>
        </umi-media>
      </umi-card>
    </umi-container>
    <umi-action-bar fixed>
      <umi-container bg-color="#E74437" height="50px" justify="center" align="center">
        <umi-text :size="16" color="#fff">立即支付</umi-text>
      </umi-container>
    </umi-action-bar>
  </umi-container>
</template>
